// 从Angluar核心模块里面引入component装饰器
import { Component } from '@angular/core';

// 使用装饰器定义一个组件以及组件的元数据，所有的组件都必须使用这个装饰器来注解
@Component({
  // 组件元数据 Angular 会通过这里面的属性来渲染并执行逻辑
  // selector就是css选择器，表示这个组件可以通过app-root来调用,index.html中对应<app-root></app-root>标签。这个标签用来展示组件
  selector: 'app-root',
  // templateUrl 组件的模板，定义了组件的布局和内容
  templateUrl: './app.component.html',
  // styleUrls 组件引用的css样式
  styleUrls: ['./app.component.css']
})
// AppComponent 本来就是一个普通的typescript类，但是上面的组件元数据装饰器告诉Angular，AppComponent是一个组件，需要把一些元数据附加到这个类上，Angular 就会把AppCpmponent当组件来处理
export class AppComponent {
  // 这个类实际上就是该组件的控制器，业务逻辑就是在这个类中编写
  title = 'My First Angular App!';
  ngOnInit() {
    //Called after the constructor, initializing input properties, and the first call to ngOnChanges.
    //Add 'implements OnInit' to the class.
    $('button').on('click',function(){
      alert("jQuery可以使用了");
    })
  }
}
